<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
        <title>无语的主页</title>
        <meta name="description" content="一个沉迷编程的苦逼高中生">
        <meta name="keywords" content="Java,Android,个人主页，前端，博客">
        <meta name="format-detection" content="telephone=no">
        <link rel="shortcut icon" href="favicon.ico">
        <link rel="stylesheet" href="static/css/index.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3891529_s44vm12lsfb.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.css">
        <script type="text/javascript">
            if (!!window.ActiveXObject || "ActiveXObject" in window) { //is IE?
                alert('朋友，上古浏览器不支持呢~');
            }
        </script>
        <style>
        a{
            text-decoration: none;
        }
        .alphao
            {
            opacity:0.9;
            filter:Alpha(opacity=90); /* IE8 以及更早的浏览器 */
            }
        .iconf{
            font-size: 24px;
        }    
            </style>
    </head>

<body style="background-image:url(./bg.jpg)">
    <div id="body-wrap"class="alphao">
        
        <main id="content-outer">
            <div class="layout_page" id="content-inner">
                <div class="aside_content" id="aside_content">
                    <div class="card-widget card-info">
                        <div class="card-content">
                            <div class="card-info-avatar is-center">
                                <img class="avatar-img"
                                    src="https://q.qlogo.cn/g?b=qq&nk=2035650646&s=100"
                                    alt="avatar">
                                <div class="author-info__name">无语</div>
                                <div class="author-info__description">沉迷编程与数学的17岁苦逼高中生</div>
                            </div>
                            <div class="card-info-social-icons is-center">
                                <a class="social-icon" href="https://github.com/blankwy" target="_blank">
                                    <i class="fa fa-github"></i>
                                </a>
                        
                                <a class="social-icon" href="https://qm.qq.com/cgi-bin/qm/qr?k=NRmiizQR6o0muV-ky8tlwaaZQRns9wUT&noverify=0&personal_qrcode_source=3" target="_blank">
                                    <i class="fa fa-qq"></i>
                                </a>
                                <a class="social-icon" href="https://space.bilibili.com/37820495" target="_blank">
                                    <i class="iconfont icon-bilibili iconf"></i>
                                </a>
                                <a class="social-icon" href="https://gitee.com/w203" target="_blank">
                                    <i class="iconfont icon-gitee iconf"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="card-widget card-announcement">
                        <div class="card-content">
                            <div class="item-headline">
                                <i class="fa fa-bullhorn" aria-hidden="true"></i>
                                <span>一言</span>
                            </div>
                            <div id="hitokoto"></div>
                        </div>
                    </div>

                </div>
                <article id="page">
                    <div class="article-container">

                        <h2>技能列表</h2>
                        <div class="skillbox">
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 75%">
                                    <span>Java</span>
                                </div>
                                <div class="skill-bar-percent">75%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #9900FF 0%, #CC66FF 100%); width: 60%">
                                    <span>前端</span>
                                </div>
                                <div class="skill-bar-percent">60%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #2196F3 0%, #42A5F5 100%); width: 40%">
                                    <span>Python</span>
                                </div>
                                <div class="skill-bar-percent">40%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #00BCD4 0%, #80DEEA 100%); width: 55%">
                                    <span>Photoshop</span>
                                </div>
                                <div class="skill-bar-percent">55%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #00BCD4 0%, #f54009 100%); width: 50%">
                                    <span>Premiere</span>
                                </div>
                                <div class="skill-bar-percent">50%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #4CAF50 0%, #81C784 100%); width: 85%">
                                    <span>Android</span>
                                </div>
                                <div class="skill-bar-percent">85%</div>
                            </div>
                            <div class="skillbar">
                                <div class="skillbar-title"
                                    style="background: linear-gradient(to right, #FFEB3B 0%, #FFF176 100%); width: 85%">
                                    <span>数据结构与算法</span>
                                </div>
                                <div class="skill-bar-percent">85%</div>
                            </div>
                        </div>

                        <hr>
                        <h2>项目作品</h2>
                        <div class="tool">
                            <a href="https://www.pgyer.com/bedrockmcbox" target="_blank">基岩盒子</a><br>
                            <a href="https://gitee.com/blankwy/navcard" target="_blank">NavCard</a>
                        </div>

                        <hr>

                        <h2>2023目标</h2>
                        <div class="tool">
                            <li>年级第一</li>    
                            <li>完善项目</li>  
                            <li>百优奖 （已达成）</li>  
                            <li>精通Kotlin</li>  
                            <li>数学120</li>  
                            <li>物理80</li>  
                        </div>
                        
                        
                         <hr>
                    
                        <h2>友链</h2>
                        <div class="tool">
                            <a href="https://xding.top/" target="_blank" rel="noopener noreferrer">小丁的屋舍 - 谈笑有鸿儒，往来无白丁</a></br>
                           
                        </div>
                        

                        <hr>
                    
                        <h2>收藏</h2>
                        <div class="tool">
                            <a href="https://kgithub.com/" target="_blank" rel="noopener noreferrer">KGithub、</a>
                            <a href="https://developer.android.google.cn/guide" target="_blank" rel="noopener noreferrer">开发者指南、</a>
                            <a href="http://ifeve.com/" target="_blank" rel="noopener noreferrer">并发编程网</a>
                        </div>

                


                    </div>


                <hr>
            <div class="card-widget card-webinfo">
                <div class="card-content">
                    <div class="item-headline">
                        <i class="fa fa-line-chart" aria-hidden="true"></i>
                        <span>站点信息</span>
                    </div>
                    <div class="webinfo">
                        <div class="webinfo-item">
                            <div class="webinfo-site-uv-name">本站访客数 :</div>
                            <div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div>
                        </div>
                        <div class="webinfo-item">
                            <div class="webinfo-site-name">本站总访问量 :</div>
                            <div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div>
                        </div>
                    </div>
                </div>
            </div>


                </article>
            </div>

        </main>
        <footer id="footer">
            <div id="footer-wr
ap">
                <div class="copyright">&copy;2019 - 2023 BY Blankwy</div>
                <a href="https://icp.gov.moe/?keyword=20200225">萌ICP备20200225号</a>

            </div>
        </footer>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery.fancybox@2.1.5/source/jquery.fancybox.js"></script>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/instant.page@3.0.0/instantpage.js" type="module"></script>
    <script src="https://cdn.jsdelivr.net/npm/lazysizes@5.2.0/lazysizes.min.js" async></script>
    <!-- aplayer、meting -->
    <!-- require APlayer -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
    <!-- require MetingJS -->
    <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

    <!-- nplayer -->
    <script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

    <!--   一言、今日诗词   -->
    <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>

    <!--鼠标点击效果-->
    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>

    <script type="text/javascript">
        console.clear();

        (function ($) {
            $.fn.snow = function (options) {
                var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', 'top': '-50px' }).html('&#10052;'),
                    documentHeight = $(document).height(),
                    documentWidth = $(document).width(),
                    defaults = {
                        minSize: 10,
                        maxSize: 20,
                        newOn: 1000,
                        flakeColor: "#AFDAEF" /* 此处可以定义雪花颜色，若要白色可以改为#FFFFFF */
                    },
                    options = $.extend({}, defaults, options);
                var interval = setInterval(function () {
                    var startPositionLeft = Math.random() * documentWidth - 100,
                        startOpacity = 0.5 + Math.random(),
                        sizeFlake = options.minSize + Math.random() * options.maxSize,
                        endPositionTop = documentHeight - 200,
                        endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
                        durationFall = documentHeight * 10 + Math.random() * 5000;
                    $flake.clone().appendTo('body').css({
                        left: startPositionLeft,
                        opacity: startOpacity,
                        'font-size': sizeFlake,
                        color: options.flakeColor
                    }).animate({
                        top: endPositionTop,
                        left: endPositionLeft,
                        opacity: 0.2
                    }, durationFall, 'linear', function () {
                        $(this).remove()
                    });
                }, options.newOn);
            };
        })(jQuery);
        $(function () {
            $.fn.snow({
                minSize: 5, /* 定义雪花最小尺寸 */
                maxSize: 50,/* 定义雪花最大尺寸 */
                newOn: 800  /* 定义密集程度，数字越小越密集 */
            });
        });

    </script>
</body>

</html>
